<body>
<script type="text/javascript" src="<?php echo base_url('skin/js/comparison.js'); ?>"></script>
<script type="text/javascript">
            jQuery(document).ready(function() {
                 addHeader();

            });
</script>

    <div id="phoneGallery">


          <!--- Gallery header ---->
            <div class="breadcrumbs shadow fluid-width">
          <div class="fixed-width center">
              <div class="crumbs"><h2><span class="icon crumbs gallery"></span> <a href="">GoGADGETS gallery</a></h2></div>
                
                      <div class="marg20Top">
                        <ul class="page-sub desktop"  >                
                          <li><a href="http://goplay.globe.com.ph/maitaidevportal/index.php/compare"><span class="icon crumbs compare"></span> Comparison</a></li>            
                        </ul>
                      </div>
          </div>
        </div>  <br><br>
        <!--- Gallery header ---->

    
    	<div class="galleryRight"></div>
		
        <div class="width960c compares" style="width:1000px">
     		<div class="phoneAddDevice alignCenter">
                <a href="#" class="buttonBlue Add floatRight">Add another device</a>
                
                <span class="clear"></span>
                </div>
                
                <div class="marg10">
                    <div class="phoneHolder alignCenter floatLeft">
                    <img src="<?php echo base_url('skin/images/mobilePhone.png'); ?>" alt=""/></span>
                    <a href="#" class="block linkColor">Remove</a>
                    <span class="clear"></span>
                    </div>
                    <div class="phoneHolder alignCenter floatLeft">
                    <img src="<?php echo base_url('skin/images/mobilePhone.png'); ?>" alt=""/></span>
                    <a href="#" class="block linkColor">Remove</a>
                    <span class="clear"></span>
                    </div>
                     <span class="clear"></span>
                </div> 
                   
               <div class="compBox compA">
                    <div class="floatLeft box1"><p>Model</p>
                    </div>
	            <?php //print_r($comdev); ?>
		    <?php $i = 1; ?>
		    <?php foreach($comdev as $cd){ ?>
	            <?php //print_r($cd); ?>
                    <div class="floatLeft width392 bordRight padding20L">
                    		<span class="floatLeft holder"><img class="compare-img compare-img<?php echo $i; ?>" src="<?php echo $cd["imageurl"] ?>" alt=""/></span>
                    		<span class="floatLeft">
                            	<p style="margin-left:59px"><?php echo $cd["manufacturer"] ?></p>
                                <h4 id="<?php echo "prodname".$i; ?>" style="margin-left:59px;font-size: 13px;font-weight: normal;"><?php echo $cd["name"] ?></h4>
                                
                                
                                <a href="<?php $sku=$cd["sku"]; echo site_url("specification/".$sku) ?>" class="marg10 compare-a" style="margin-left:59px">More Info</a>
                            	<a href="#" class="marg10 compare-a compare-sku<?php echo $i; ?>" id = "<?php echo $cd["sku"] ?>" style="margin-left:59px">Remove</a>
                            </span>
                    		<span class="clear"></span>
                    </div>
		    <?php $i++; ?> 
		    <?php   } ?>

                    <div id="add-another-device" class="floatLeft  width350 padding20L alignCenter">
                    	<a href="<?php echo base_url('index.php/gallery'); ?>" class="buttonBlue Add marg40" style="padding: 10px 25px 0;">Add another device</a>
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
               
               
                <div class="compBox compB">
                    <div class="floatLeft box1"><p>Body</p>
                    </div>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
                        	
                           <p><b class="marg10Right"> Dimensions</b><span style="margin-left:9px"><?php echo $cd["Size"]["Dimension"]; ?></span></p>
                            <p><b class="marg10Right">Weight</b><span style="margin-left:46px"><?php echo number_format($cd["Size"]["Weight"],2)." g"; ?></span></p>
                            <p><b class="marg10Right">Qwerty</b><span style="margin-left:47px"><?php echo substr($cd["Media"]["Touch_Screen__Qwerty"],-2); ?></span></p>  
                    </div>
		   <?php   } ?> 
                   <div class="floatLeft width350 padding20L">
                    		
                            
                    </div>
                    <div class="clear"></div>
               </div>
               
               
               <div class="compBox compC">
                    <div class="floatLeft box1"><p>Display</p>
                    </div>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
                    		<p class="marg40"><b class="marg10Right">Size</b><span style="margin-left:69px"><?php echo $cd["Display"]["Size"]; ?></span></p>
                    
                    </div>
		    <?php   } ?> 
                    <div class="floatLeft  width350 padding20L">
                    
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
               
               <div class="compBox compD">
                    <div class="floatLeft box1"><p>Connectivity</p>
                    </div>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
                    		<p class="marg40"><?php echo $cd["Features"]["Connectivity"]; ?></p>
                    </div>
		    <?php   } ?> 
                    <div class="floatLeft  width350 padding20L">
                    
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
               
               <div class="compBox compE">
                    <div class="floatLeft box1"><p>Multimedia</p>
                    </div>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
                    		    <div style="width: 222px; float: left;">
                          		<span class="block"><b class="marg10Right">Camera</b></span>	
                                 <span class="block"><b class="marg10Right">Secondary camera</b></span>		
                                 <span class="block"><b class="marg10Right">Video/ Video calling/ Radio</b></span>	
                                <span class="block"><b class="marg10Right">Loudspeaker/ 3.5mm jack</b></span>	
                                <span class="block"><b class="marg10Right">Flash/ Media  player/ Games</b></span>			
								</div>
								<div style="width: 170px; padding-left: 179px;">
                          		<span class="block"><b class="marg10Right" style="font-weight: normal;"><?php echo $cd["Media"]["Camera"]; ?></b></span>	
                                 <span class="block"><b class="marg10Right" style="font-weight: normal;"><?php echo $cd["Media"]["Secondary_Camera"]; ?></b></span>		
                                 <span class="block"><b class="marg10Right" style="font-weight: normal;"><?php echo str_replace("_" , " / " , $cd["Media"]["Video__Video_Calling__Radio"]); ?></b></span>	
                                <span class="block"><b class="marg10Right" style="font-weight: normal;"><?php echo str_replace("_" , " / " , $cd["Media"]["Loudspeaker__35mm_jack"]); ?></b></span>	
                                <span class="block"><b class="marg10Right" style="font-weight: normal;"><?php echo str_replace("_" , " / " , $cd["Media"]["Flash__Media_Player__Games"]); ?></b></span>			
								</div>
								<div class="clear"></div>
                            
                    </div>
		    <?php   } ?> 
                    <div class="floatLeft  width350 padding20L">
                    
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
       
       			 <div class="compBox compF">
                    <div class="floatLeft box1"><p>Software</p>
                    </div>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
                    		<p class="marg40"><b class="marg10Right">OS</b><span style="margin-left:79px"><?php echo $cd["Features"]["OS"]; ?></span></p>
                    
                    </div>
		    <?php   } ?> 
                    <div class="floatLeft  width350 padding20L">
                    
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
               
                <div class="compBox compG">
                    <div class="floatLeft box1"><p>Price</p>
                    </div>
		    <?php $i = 1; ?>
		    <?php foreach($comdev as $cd){ ?>
                    <div class="floatLeft width392 bordRight padding20L">
				<?php $price = number_format($cd["price"],2); ?>
                    		<p><b class="marg160Right"><?php echo (($price=="0.00") ? "<strong id='price$i'>FREE</strong>" : "<strong id='price$i'>P$price</strong>"); ?></b></p>
                    		<a href="<?php echo base_url(); ?>index.php/promo" class="buttonBlue Add get-sku<?php echo $i; ?>">Get this device now</a>
                    </div>
		    <?php $i++; ?> 
		    <?php   } ?> 
                    <div class="floatLeft  width350 padding20L">
                    
                    
                    </div>  
                    
                    <div class="clear"></div>
               </div>
       </div>        
	</div>
	
	<script type="text/javascript" src="<?php echo base_url('skin/js/comparison.js'); ?>"></script>